const path = require("path")

// 通过 Common.JS方式导出 对象。因为代码是在node环境下执行的
//这样的文件都是Common.JS方式导出
module.exports = {
  //1、配置方法1，CLI提供的属性，和weback是一样对应的，名称一样，
  outputDir: "build", //设置打包文件名称
  //2、第二中配置方法，和webpack属性完全一致。
  //这个对象里的内容会被合并到 webpack里面
  // configureWebpack: {
  //   resolve: {
  //     //配置路径
  //     alias: {
  //       //@ 默认对应这 src 这样配置，在引入文件可以不用写./component
  //       //直接写 component，直接用配置的别名
  //       //comp: `${src}/components`,
  //       components: "@/components"
  //       //assets: "@/assets"
  //     }
  //   }
  // }

  //confinurewebpack的是一个对象,config相当于把配置给你，你可以去修改配置
  configureWebpack: config => {
    //这句相当于我把之前webpack里的 src覆盖了，这需要从新写
    config.resolve.alias = {
      "@": path.resolve(__dirname, "src"),
      components: "@/components",
      assets: "@/assets"
    }
  }
  //3、第三种配置方法
  // chainWebpack: (config) => {
  //   config.resolve.alias
  //     .set("@", path.relative(__dirname, "src"))
  //     .set("components", "@/components")
  // }
}
